<template>

 	<div class="layui-layout layui-layout-admin" >
 	  <div class="adminnav1">
        <Pagetop></Pagetop>
      </div>
      <div class="adminnav2">
       	<Secondnav urlname="news"></Secondnav>
      </div>

      <!-- 主体内容 -->
      <div class="layui-body kedou-admin" id="LAY_app_body app">
	    <div class="layadmin-tabsbody-item layui-show">
	    	<div class="pagelist">
	    		<div class="layui-card-body">
		      		<fieldset class="layui-elem-field layui-field-title">
					  <legend>资讯分类管理</legend>
					</fieldset>
		      	</div>

		        <div class="layui-card-body">
		        	<div class="buttop">
					    <button type="button" class="layui-btn  layui-btn-normal" @click="addData">添加分类</button>
					</div>
			        <Tables :fdate="pdate" :result="res" height="430" :totalCount="totalRows" :pageNumber="curindex" :fbtn="btn"></Tables>
		        </div>
	        </div>
	    </div>
	  </div>

	</div>
</template>
<script>
	import Pagetop from '../common/pagetop.vue'
	import Secondnav from '../common/secondnav.vue'
	import Tables from '../common/tables.vue'
	import Search from '../common/search.vue'
	export default {
	  name: 'memberlist',
	  components: {Pagetop,Secondnav,Tables,Search},
	  data () {
	    return {
	        pdate:[], //表头
	    	res:"", //内容
	    	totalRows:"",//总数量
	    	curindex:0, //页数
	    	btn:[],//按钮
	    	searchArr:[],//搜索
	    	isShow:false,
	    	seapram:''
	    }
	  },
	  mounted(){
	  	this.getdate();
     	this.getsearch();
	  },
	  methods: {
		getdate:function(){
    	var _this=this;
    	var url="/advert/bapi/v1.9/category"
    	var type= localStorage.getItem("type");
    	if(type==1){
    		url="/advert/aapi/v1.9/category"
    	}
    	
    	if(_this.seapram){
    		var dates={
          size:pageSize,
	    		pageSize:pageSize,
	    		pageNumber:1
	    	}
    		var res=_this.seapram;
    		for(var i=0;i<res.length;i++){
    			dates[res[i].key]=res[i].val;
    		}

    	}else{
	    	var dates={
          size:pageSize,
	    		page:this.curindex
	    	}
        }
        	//alert(url+"//"+JSON.stringify(dates))
    	ajaxRequest(url,'GET','json',dates,function(ret,err){
    		//alert(url+"//"+JSON.stringify(ret))
	  		var arr=[];
		  	arr[0]=[
		       {field: 'logo', title: '分类图标',templet:function(d){
		       		return "<img src='"+d.logo+"' style='width:30px'/>";
		       }}
		      ,{field: 'categoryName', title: '分类名称',}
		      ,{field: 'deep', title: '分类级别',}
		      ,{field: 'deep', title: '状态',templet:function(d){
		       		if(d.status=='ENABLE'){
		       			return '启用'
		       		}
		       		else{
		       			return '禁用'
		       		}
		       }}
		      ,{field: 'right',title: '操作', width:'120', fixed:'right',templet:function(d){
		         var str='<a class="layui-btn layui-btn-xs layui-btn-normal" lay-event="edit">编辑</a>';
		         if(d.status=='ENABLE'){
		         	str=str+'<a class="layui-btn layui-btn-xs layui-btn-danger" lay-event="enable">禁用</a>';
		         }
		         else{
		         	str=str+'<a class="layui-btn layui-btn-xs layui-btn-warm" lay-event="enable">启用</a>';
		         }
		         return str;
		      }}
		    ];
		  	_this.pdate=arr;
		  	_this.res=ret.data.list;
		  	_this.totalRows=ret.data.totalRows;
		  	_this.curindex=ret.data.page+1;
	    })
    },
    getsearch:function(){
    	var arr=[
    		{field: 'memberName', title: '会员账号',type: 'input'}
    	];
    	this.searchArr=arr;
    },
    page:function(index,obj){
    	//alert(JSON,stringify(obj))
    	this.curindex=index;
    	this.getdate();

    },
    sousuo:function(pram){
    	//alert(JSON.stringify(pram))
    	this.seapram=pram;
    	this.res='';
    	this.totalRows='';
    	this.curindex='';
    	this.getdate();
    },
	screens:function(){
		return screen();
	},
	addData:function(){
		var _this = this;
		layer.open({
	        type: 2
	        ,title: '新增分类'
	        ,content:baseurl+'/newscat-add'
	        ,area: ['60%', '60%'] 
        });
	},
	editInfo:function(data){
		var _this = this;
		layer.open({
	        type: 2
	        ,title: '编辑分类'
	        ,content:baseurl+'/newscat-add'
	        ,area:['60%', '60%'] 
	        ,success : function(layero, index){
		        var iframeWin = window[layero.find('iframe')[0]['name']];
		        iframeWin.getdates(data);
	        },
        });
	},
	enableInfo:function(data){
		var _this = this;
		var categoryId=data.id;
		if(data.status=='ENABLE'){
			var status="DISABLE"
		}
		else{
			var status="ENABLE"
		}
		var url = "/advert/aapi/v1.9/category/status?id="+categoryId+"&status="+status;
		ajaxRequest(url,'put','json','',function(ret,err){
			layer.msg("操作成功");
			setTimeout(function(){
			  	_this.getdate();
	      },1000)
		})
	}
  },
  updated:function(){
  	this.isShow = true;
	layui.use('form', function(){
	  var form = layui.form;
	  form.render();
	});
  },
}
</script>
<style scoped>
/**/
</style>
